import React, { useState } from 'react';
import { TextArea } from 'web-component';

export default () => {
  const [value, setValue] = useState('');
  return (
    <>
      <TextArea
        placeholder="请输入内容"
        value={value}
        onChange={(val) => {
          setValue(val);
        }}
      />

      <TextArea placeholder="请输入内容" rows={5} />

      <TextArea
        placeholder="请输入内容"
        autoSize={{ minRows: 3, maxRows: 5 }}
      />

      <TextArea defaultValue={'北极星垂地，\n东山月满川。'} showCount />

      <TextArea
        defaultValue={'北极星垂地，\n东山月满川。'}
        showCount
        maxLength={30}
      />

      <TextArea
        placeholder="请输入内容"
        value={'北极星垂地，\n东山月满川。'}
        disabled
      />

      <TextArea
        placeholder="请输入内容"
        value={'北极星垂地，\n东山月满川。'}
        readOnly
      />
    </>
  );
};
